<!DOCTYPE html>
<html>
<head>
    <title>
       用户登录
    </title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="res/metro/metro-bootstrap.min.css">
    <link rel="stylesheet" href="res/metro/metro-responsive.min.css">
    <link rel="stylesheet" href="res/css/plat8.css">
    <script src="res/jquery.min.js"></script>
    <script src="res/jquery.widget.min.js"></script>
    <script src="res/metro/metro.min.js"></script>

    <style>
        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #eee;
        }

        .form-signin {
            max-width: 330px;
            padding: 15px;
            margin: 0 auto;
        }
    </style>

</head>
<body class="metro">

<div class="container">
    <div class="form-signin">
        <form role="form" wicket:id="loginForm">
            <span wicket:id="errors"/>
            <h2 class="form-signin-heading">请登录</h2>
            <div class="input-control text" data-role="input-control">
                <input type="text" placeholder="User Name" wicket:id="username">
                <button class="btn-clear" tabindex="-1" type="button"></button>
            </div>

            <div class="input-control password" data-role="input-control">
                <input type="password" placeholder="Password" autofocus="" wicket:id="password">
                <button class="btn-reveal" tabindex="-1" type="button"></button>
            </div>
            <div class="input-control checkbox" data-role="input-control">
                <label>
                    <input type="checkbox" checked="">
                    <span class="check"></span>
                    记住我
                </label>
            </div> <br/>
            <button class="button primary" type="submit" wicket:id="loginButton">登 录</button>
        </form>
    </div>
</div>
</body>
</html>